

@extends('layouts.home')
@section('content')
<div class="blog-body">
    <link href="/css/comment.min.css?v=iUN0HY35npze-nZr-WwPHL22iG53wGfphMeK5JV0EEs" rel="stylesheet" />
    <div class="layui-container">
        <blockquote class="layui-elem-quote sitemap shadow">
            <i class="layui-icon">&#xe715;</i>
            <span class="layui-breadcrumb" lay-separator=">">
            <a href="/">首页</a>
            <a><cite>留言交流</cite></a>
        </span>
        </blockquote>
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md8">
                <div class="layui-row layui-col-space10">
                    <div class="layui-col-md12">
                        <div class="topdiv">
                            <div class="topdiv-figure">
                                <img src="/images/messagewall.png" />
                            </div>
                            <p class="topdiv-nickname">留言板</p>
                            <p class="topdiv-introduce">可留言、可吐槽、可提问。欢迎灌水，杜绝广告！</p>
                        </div>
                    </div>
                    <div class="layui-col-md12">
                        <div class="comment-editor sr-bottom">
                            <form class="layui-form blog-editor">
                                <div class="layui-form-item">
                                    <textarea name="content" lay-verify="content" id="remarkEditor" placeholder="请输入内容" class="layui-textarea layui-hide"></textarea>
                                </div>
                                <div class="layui-form-item">
                                    <button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit lay-filter="formComment">提交留言</button>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="layui-col-md12">
                        <div class="layui-row layui-col-space8 commentlist">
                            <div class="layui-col-md12">
                                <div class="comment-item sr-bottom">
                                    <div class="comment-item-left">
                                        <div class="useravator" title="&#x683C;&#x5F0F;&#x5316;&#x8BB0;&#x5FC6;">
                                            <img src="http://thirdqq.qlogo.cn/qqapp/101460869/1411E96D66397517C1DA1828AB358DC9/40" alt="&#x683C;&#x5F0F;&#x5316;&#x8BB0;&#x5FC6;" />
                                        </div>
                                        <div class="reply">
                                            <button class="layui-btn layui-btn-xs layui-btn-primary" blog-event="commentReply" data-id="56" data-targetid="24" data-targetname="&#x683C;&#x5F0F;&#x5316;&#x8BB0;&#x5FC6;">回复</button>
                                        </div>
                                    </div>
                                    <div class="comment-item-right">
                                        <div class="content">
                                            亲，你这个聊天室是怎么做的？很神奇
                                        </div>
                                        <p class="createtime">— 来自<span style="padding:0 3px;padding-right:10px;color:#0094ff">&#x683C;&#x5F0F;&#x5316;&#x8BB0;&#x5FC6;</span>2018-10-31</p>
                                    </div>
                                    <hr style="margin-right: 10px;" />
                                    <div class="comment-reply">
                                        <div class="comment-item-left">
                                            <div class="useravator" title="Leo">
                                                <img src="http://thirdqq.qlogo.cn/qqapp/101460869/551A0EA193845763D43A01B27CA1A798/40" alt="Leo" />
                                            </div>
                                        </div>
                                        <div class="comment-item-right">
                                            <div class="content">
                                                <span style="color:#01aaed;margin-right:5px;">Leo：</span><span style="color:#ff6a00;margin-right:5px;">@&#x683C;&#x5F0F;&#x5316;&#x8BB0;&#x5FC6;</span>你是说哪方面？
                                            </div>
                                            <p class="createtime">2018-10-31<a href="javascript:;" style="margin-left:5px;color:#0094ff;vertical-align: middle;display:none;" blog-event="commentReply" data-id="56" data-targetid="1" data-targetname="Leo">回复</a></p>
                                        </div>
                                    </div>
                                    <div class="comment-reply">
                                        <div class="comment-item-left">
                                            <div class="useravator" title="Rianley">
                                                <img src="http://thirdqq.qlogo.cn/qqapp/101460869/4DA42E9A7674C05C862E34AF0E474B12/40" alt="Rianley" />
                                            </div>
                                        </div>
                                        <div class="comment-item-right">
                                            <div class="content">
                                                <span style="color:#01aaed;margin-right:5px;">Rianley：</span><span style="color:#ff6a00;margin-right:5px;">@&#x683C;&#x5F0F;&#x5316;&#x8BB0;&#x5FC6;</span><p><span>workerman-chat了解一下</span></p>
                                            </div>
                                            <p class="createtime">2018-11-01<a href="javascript:;" style="margin-left:5px;color:#0094ff;vertical-align: middle;display:none;" blog-event="commentReply" data-id="56" data-targetid="97" data-targetname="Rianley">回复</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md12">
                                <div class="comment-item sr-bottom">
                                    <div class="comment-item-left">
                                        <div class="useravator" title="&#x6211;&#x53EA;&#x7231;&#x81EA;&#x5DF1;">
                                            <img src="http://thirdqq.qlogo.cn/qqapp/101460869/A4CA1C9CF26F2FAA6100981BF7742CA0/40" alt="&#x6211;&#x53EA;&#x7231;&#x81EA;&#x5DF1;" />
                                        </div>
                                        <div class="reply">
                                            <button class="layui-btn layui-btn-xs layui-btn-primary" blog-event="commentReply" data-id="55" data-targetid="92" data-targetname="&#x6211;&#x53EA;&#x7231;&#x81EA;&#x5DF1;">回复</button>
                                        </div>
                                    </div>
                                    <div class="comment-item-right">
                                        <div class="content">
                                            <p>博主 ，你的后台使用的什么？ 能开源吗？拜托了</p><div><br></div>
                                        </div>
                                        <p class="createtime">— 来自<span style="padding:0 3px;padding-right:10px;color:#0094ff">&#x6211;&#x53EA;&#x7231;&#x81EA;&#x5DF1;</span>2018-10-25</p>
                                    </div>
                                    <hr style="margin-right: 10px;" />
                                    <div class="comment-reply">
                                        <div class="comment-item-left">
                                            <div class="useravator" title="Leo">
                                                <img src="http://thirdqq.qlogo.cn/qqapp/101460869/551A0EA193845763D43A01B27CA1A798/40" alt="Leo" />
                                            </div>
                                        </div>
                                        <div class="comment-item-right">
                                            <div class="content">
                                                <span style="color:#01aaed;margin-right:5px;">Leo：</span><span style="color:#ff6a00;margin-right:5px;">@&#x6211;&#x53EA;&#x7231;&#x81EA;&#x5DF1;</span>ASP.NET Core&nbsp;<img src="http://www.leo96.com/lib/layui/images/face/40.gif" alt="[晕]">
                                            </div>
                                            <p class="createtime">2018-10-29<a href="javascript:;" style="margin-left:5px;color:#0094ff;vertical-align: middle;display:none;" blog-event="commentReply" data-id="55" data-targetid="1" data-targetname="Leo">回复</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md12">
                                <div class="comment-item sr-bottom">
                                    <div class="comment-item-left">
                                        <div class="useravator" title="486">
                                            <img src="http://thirdqq.qlogo.cn/qqapp/101460869/F286E903C9F88FAC6B3AFA39DA33AC8F/40" alt="486" />
                                        </div>
                                        <div class="reply">
                                            <button class="layui-btn layui-btn-xs layui-btn-primary" blog-event="commentReply" data-id="54" data-targetid="90" data-targetname="486">回复</button>
                                        </div>
                                    </div>
                                    <div class="comment-item-right">
                                        <div class="content">
                                            <p style="text-align: right;">后台直接用你的模板感觉不错<img src="http://www.leo96.com/lib/layui/images/face/1.gif" alt="[嘻嘻]"></p>
                                        </div>
                                        <p class="createtime">— 来自<span style="padding:0 3px;padding-right:10px;color:#0094ff">486</span>2018-10-12</p>
                                    </div>
                                    <hr style="margin-right: 10px;" />
                                    <div class="comment-reply">
                                        <div class="comment-item-left">
                                            <div class="useravator" title="Leo">
                                                <img src="http://thirdqq.qlogo.cn/qqapp/101460869/551A0EA193845763D43A01B27CA1A798/40" alt="Leo" />
                                            </div>
                                        </div>
                                        <div class="comment-item-right">
                                            <div class="content">
                                                <span style="color:#01aaed;margin-right:5px;">Leo：</span><span style="color:#ff6a00;margin-right:5px;">@486</span><p>我哪有公布后台模板？</p>
                                            </div>
                                            <p class="createtime">2018-10-29<a href="javascript:;" style="margin-left:5px;color:#0094ff;vertical-align: middle;display:none;" blog-event="commentReply" data-id="54" data-targetid="1" data-targetname="Leo">回复</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md12">
                                <div class="comment-item sr-bottom">
                                    <div class="comment-item-left">
                                        <div class="useravator" title="Adolph~l">
                                            <img src="http://thirdqq.qlogo.cn/qqapp/101460869/A5A59C075C9AE498F7BCF6A727530201/40" alt="Adolph~l" />
                                        </div>
                                        <div class="reply">
                                            <button class="layui-btn layui-btn-xs layui-btn-primary" blog-event="commentReply" data-id="53" data-targetid="88" data-targetname="Adolph~l">回复</button>
                                        </div>
                                    </div>
                                    <div class="comment-item-right">
                                        <div class="content">
                                            可以，有后台参考吗
                                        </div>
                                        <p class="createtime">— 来自<span style="padding:0 3px;padding-right:10px;color:#0094ff">Adolph~l</span>2018-10-06</p>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md12">
                                <div class="comment-item sr-bottom">
                                    <div class="comment-item-left">
                                        <div class="useravator" title="&#x591C;&#x671B;">
                                            <img src="http://thirdqq.qlogo.cn/qqapp/101460869/7075B682447C380E53DC78BC632E0C06/40" alt="&#x591C;&#x671B;" />
                                        </div>
                                        <div class="reply">
                                            <button class="layui-btn layui-btn-xs layui-btn-primary" blog-event="commentReply" data-id="52" data-targetid="85" data-targetname="&#x591C;&#x671B;">回复</button>
                                        </div>
                                    </div>
                                    <div class="comment-item-right">
                                        <div class="content">
                                            大神，哪里可以得到你前端源码
                                        </div>
                                        <p class="createtime">— 来自<span style="padding:0 3px;padding-right:10px;color:#0094ff">&#x591C;&#x671B;</span>2018-09-19</p>
                                    </div>
                                    <hr style="margin-right: 10px;" />
                                    <div class="comment-reply">
                                        <div class="comment-item-left">
                                            <div class="useravator" title="Leo">
                                                <img src="http://thirdqq.qlogo.cn/qqapp/101460869/551A0EA193845763D43A01B27CA1A798/40" alt="Leo" />
                                            </div>
                                        </div>
                                        <div class="comment-item-right">
                                            <div class="content">
                                                <span style="color:#01aaed;margin-right:5px;">Leo：</span><span style="color:#ff6a00;margin-right:5px;">@&#x591C;&#x671B;</span>暂时木有
                                            </div>
                                            <p class="createtime">2018-10-29<a href="javascript:;" style="margin-left:5px;color:#0094ff;vertical-align: middle;display:none;" blog-event="commentReply" data-id="52" data-targetid="1" data-targetname="Leo">回复</a></p>
                                        </div>
                                    </div>
                                    <div class="comment-reply">
                                        <div class="comment-item-left">
                                            <div class="useravator" title="Null">
                                                <img src="http://thirdqq.qlogo.cn/qqapp/101460869/584AF1C223829C777CF8DD23A2E0AD52/40" alt="Null" />
                                            </div>
                                        </div>
                                        <div class="comment-item-right">
                                            <div class="content">
                                                <span style="color:#01aaed;margin-right:5px;">Null：</span><span style="color:#ff6a00;margin-right:5px;">@&#x591C;&#x671B;</span>我有
                                            </div>
                                            <p class="createtime">2018-11-10<a href="javascript:;" style="margin-left:5px;color:#0094ff;vertical-align: middle;display:none;" blog-event="commentReply" data-id="52" data-targetid="105" data-targetname="Null">回复</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md12">
                                <div class="comment-item sr-bottom">
                                    <div class="comment-item-left">
                                        <div class="useravator" title="&#x96BE;&#x5FF5;&#x7684;&#x7ECF;">
                                            <img src="http://thirdqq.qlogo.cn/qqapp/101460869/FE50318003CAEBE25D465F7E5D36BD4D/40" alt="&#x96BE;&#x5FF5;&#x7684;&#x7ECF;" />
                                        </div>
                                        <div class="reply">
                                            <button class="layui-btn layui-btn-xs layui-btn-primary" blog-event="commentReply" data-id="51" data-targetid="8" data-targetname="&#x96BE;&#x5FF5;&#x7684;&#x7ECF;">回复</button>
                                        </div>
                                    </div>
                                    <div class="comment-item-right">
                                        <div class="content">
                                            博主最近沉迷逆水寒<img src="http://www.leo96.com/lib/layui/images/face/5.gif" alt="[挖鼻]">
                                        </div>
                                        <p class="createtime">— 来自<span style="padding:0 3px;padding-right:10px;color:#0094ff">&#x96BE;&#x5FF5;&#x7684;&#x7ECF;</span>2018-09-13</p>
                                    </div>
                                    <hr style="margin-right: 10px;" />
                                    <div class="comment-reply">
                                        <div class="comment-item-left">
                                            <div class="useravator" title="Leo">
                                                <img src="http://thirdqq.qlogo.cn/qqapp/101460869/551A0EA193845763D43A01B27CA1A798/40" alt="Leo" />
                                            </div>
                                        </div>
                                        <div class="comment-item-right">
                                            <div class="content">
                                                <span style="color:#01aaed;margin-right:5px;">Leo：</span><span style="color:#ff6a00;margin-right:5px;">@&#x96BE;&#x5FF5;&#x7684;&#x7ECF;</span><img src="http://www.leo96.com/lib/layui/images/face/1.gif" alt="[嘻嘻]">&nbsp;是的
                                            </div>
                                            <p class="createtime">2018-09-13<a href="javascript:;" style="margin-left:5px;color:#0094ff;vertical-align: middle;display:none;" blog-event="commentReply" data-id="51" data-targetid="1" data-targetname="Leo">回复</a></p>
                                        </div>
                                    </div>
                                    <div class="comment-reply">
                                        <div class="comment-item-left">
                                            <div class="useravator" title="&#x96BE;&#x5FF5;&#x7684;&#x7ECF;">
                                                <img src="http://thirdqq.qlogo.cn/qqapp/101460869/FE50318003CAEBE25D465F7E5D36BD4D/40" alt="&#x96BE;&#x5FF5;&#x7684;&#x7ECF;" />
                                            </div>
                                        </div>
                                        <div class="comment-item-right">
                                            <div class="content">
                                                <span style="color:#01aaed;margin-right:5px;">&#x96BE;&#x5FF5;&#x7684;&#x7ECF;：</span><span style="color:#ff6a00;margin-right:5px;">@Leo</span>实不相瞒我也是<img src="http://www.leo96.com/lib/layui/images/face/5.gif" alt="[挖鼻]">
                                            </div>
                                            <p class="createtime">2018-09-18<a href="javascript:;" style="margin-left:5px;color:#0094ff;vertical-align: middle;display:none;" blog-event="commentReply" data-id="51" data-targetid="8" data-targetname="&#x96BE;&#x5FF5;&#x7684;&#x7ECF;">回复</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md12">
                                <div class="comment-item sr-bottom">
                                    <div class="comment-item-left">
                                        <div class="useravator" title="&#x5927;&#x767D;">
                                            <img src="http://thirdqq.qlogo.cn/qqapp/101460869/CFB2631E2B6D4EF8328D80BE831F6A1B/40" alt="&#x5927;&#x767D;" />
                                        </div>
                                        <div class="reply">
                                            <button class="layui-btn layui-btn-xs layui-btn-primary" blog-event="commentReply" data-id="50" data-targetid="78" data-targetname="&#x5927;&#x767D;">回复</button>
                                        </div>
                                    </div>
                                    <div class="comment-item-right">
                                        <div class="content">
                                            防守打法按时发斯蒂芬水电费sad说的发多少
                                        </div>
                                        <p class="createtime">— 来自<span style="padding:0 3px;padding-right:10px;color:#0094ff">&#x5927;&#x767D;</span>2018-08-13</p>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md12">
                                <div class="comment-item sr-bottom">
                                    <div class="comment-item-left">
                                        <div class="useravator" title="&#x5927;&#x767D;">
                                            <img src="http://thirdqq.qlogo.cn/qqapp/101460869/CFB2631E2B6D4EF8328D80BE831F6A1B/40" alt="&#x5927;&#x767D;" />
                                        </div>
                                        <div class="reply">
                                            <button class="layui-btn layui-btn-xs layui-btn-primary" blog-event="commentReply" data-id="49" data-targetid="78" data-targetname="&#x5927;&#x767D;">回复</button>
                                        </div>
                                    </div>
                                    <div class="comment-item-right">
                                        <div class="content">
                                            单方事故
                                        </div>
                                        <p class="createtime">— 来自<span style="padding:0 3px;padding-right:10px;color:#0094ff">&#x5927;&#x767D;</span>2018-08-13</p>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md12">
                                <div class="comment-item sr-bottom">
                                    <div class="comment-item-left">
                                        <div class="useravator" title="L">
                                            <img src="http://thirdqq.qlogo.cn/qqapp/101460869/30FC96616CF94BF65AED87B9172E786B/40" alt="L" />
                                        </div>
                                        <div class="reply">
                                            <button class="layui-btn layui-btn-xs layui-btn-primary" blog-event="commentReply" data-id="48" data-targetid="36" data-targetname="L">回复</button>
                                        </div>
                                    </div>
                                    <div class="comment-item-right">
                                        <div class="content">
                                            <p>大神，求个友链，我网站就是用你之前模板加一点改动写的，感谢大神开源精神<img src="http://www.leo96.com/lib/layui/images/face/1.gif" alt="[嘻嘻]">，网站会持续更新文章的</p><p>网站名：Long博客</p><p>地址：www.long225.cn</p><p>图标：http://www.long225.cn/static/foreground/images/logo.png</p>
                                        </div>
                                        <p class="createtime">— 来自<span style="padding:0 3px;padding-right:10px;color:#0094ff">L</span>2018-07-27</p>
                                    </div>
                                    <hr style="margin-right: 10px;" />
                                    <div class="comment-reply">
                                        <div class="comment-item-left">
                                            <div class="useravator" title="&#x661F;&#x5C18;">
                                                <img src="http://thirdqq.qlogo.cn/qqapp/101460869/EB19FF071A4EE94CB95CB49F49A518FB/40" alt="&#x661F;&#x5C18;" />
                                            </div>
                                        </div>
                                        <div class="comment-item-right">
                                            <div class="content">
                                                <span style="color:#01aaed;margin-right:5px;">&#x661F;&#x5C18;：</span><span style="color:#ff6a00;margin-right:5px;">@L</span><p>老哥，网站复制就算了，评论至于复制我的吗<img src="http://www.leo96.com/lib/layui/images/face/6.gif" alt="[吃惊]"></p>
                                            </div>
                                            <p class="createtime">2018-07-27<a href="javascript:;" style="margin-left:5px;color:#0094ff;vertical-align: middle;display:none;" blog-event="commentReply" data-id="48" data-targetid="63" data-targetname="&#x661F;&#x5C18;">回复</a></p>
                                        </div>
                                    </div>
                                    <div class="comment-reply">
                                        <div class="comment-item-left">
                                            <div class="useravator" title="L">
                                                <img src="http://thirdqq.qlogo.cn/qqapp/101460869/30FC96616CF94BF65AED87B9172E786B/40" alt="L" />
                                            </div>
                                        </div>
                                        <div class="comment-item-right">
                                            <div class="content">
                                                <span style="color:#01aaed;margin-right:5px;">L：</span><span style="color:#ff6a00;margin-right:5px;">@&#x661F;&#x5C18;</span>博客不是复制你的...
                                            </div>
                                            <p class="createtime">2018-07-27<a href="javascript:;" style="margin-left:5px;color:#0094ff;vertical-align: middle;display:none;" blog-event="commentReply" data-id="48" data-targetid="36" data-targetname="L">回复</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md12">
                                <div class="comment-item sr-bottom">
                                    <div class="comment-item-left">
                                        <div class="useravator" title="WelphenEDM">
                                            <img src="http://thirdqq.qlogo.cn/qqapp/101460869/A4049C397E0D0745F821C15C6D326A16/40" alt="WelphenEDM" />
                                        </div>
                                        <div class="reply">
                                            <button class="layui-btn layui-btn-xs layui-btn-primary" blog-event="commentReply" data-id="47" data-targetid="29" data-targetname="WelphenEDM">回复</button>
                                        </div>
                                    </div>
                                    <div class="comment-item-right">
                                        <div class="content">
                                            <p><span>请博主修改一下友链，welphen.cn域名过期，已更换新域名，welphen.com</span></p>
                                        </div>
                                        <p class="createtime">— 来自<span style="padding:0 3px;padding-right:10px;color:#0094ff">WelphenEDM</span>2018-07-25</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md4">
                <div class="layui-row layui-col-space10">
                    <div class="layui-md-12 layui-hide-xs right-fixed">
                        <div class="layui-card chatroom sr-bottom">
                            <div class="layui-card-header">聊天室<span class="status" title="离线"><i class="fa fa-circle"></i></span></div>
                            <div class="scroll">
                                <div class="layui-card-body chatroom-body">

                                </div>
                                <div id="msg_end" style="height:0px; overflow:hidden"></div>
                            </div>
                            <div class="chatroom-editor">
                                <textarea id="chateditor" style="display: none;"></textarea>
                            </div>
                            <div class="chatroom-send">
                                <button class="layui-btn layui-btn-xs layui-btn-primary" comment-event="chatsend">发送</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @verbatim
    <script id="commentTpl" type="text/html">
        {{#  layui.each(d, function(index, item){ }}
        <div class="layui-col-md12">
            <div class="comment-item sr-bottom byflow">
                <div class="comment-item-left">
                    <div class="useravator" title="{{ item.user.name }}">
                        <img src="{{ item.user.avatar }}" alt="{{ item.user.name }}" />
                    </div>
                    <div class="reply">
                        <button class="layui-btn layui-btn-xs layui-btn-primary" blog-event="commentReply" data-id="{{ item.id }}" data-targetid="{{ item.userId }}" data-targetname="{{ item.user.name }}">回复</button>
                    </div>
                </div>
                <div class="comment-item-right">
                    <div class="content">
                        {{ item.content }}
                    </div>
                    <p class="createtime">— 来自<span style="padding:0 3px;padding-right:10px;color:#0094ff">{{ item.user.name }}</span>{{ layui.util.timeAgo(item.createTime, false) }}</p>
                </div>
                {{# if(item.commentReplys.length > 0){ }}
                <hr style="margin-right: 10px;" />
                {{#  } }}

                {{#  layui.each(item.commentReplys, function(index, reply){ }}
                <div class="comment-reply">
                    <div class="comment-item-left">
                        <div class="useravator" title="{{ reply.user.name }}">
                            <img src="{{ reply.user.avatar }}" alt="{{ reply.user.name }}" />
                        </div>
                    </div>
                    <div class="comment-item-right">
                        <div class="content">
                            <span style="color:#01aaed;margin-right:5px;">{{ reply.user.name }}：</span><span style="color:#ff6a00;margin-right:5px;">@{{ reply.targetUser.name }}</span>{{ reply.content }}
                        </div>
                        <p class="createtime">{{ layui.util.timeAgo(reply.createTime, false) }}<a href="javascript:;" style="margin-left:5px;color:#0094ff;vertical-align: middle;display:none;" blog-event="commentReply" data-id="{{ item.id }}" data-targetid="{{ reply.userId }}" data-targetname="{{ reply.user.name }}">回复</a></p>
                    </div>
                </div>
                {{#  }); }}
            </div>
        </div>
        {{#  }); }}
    </script>
    <script id="statusSelHtml" type="text/html">
        <div class="status-select">
            <ul>
                <li data-status="online"><i class="fa fa-circle" style="color:#09F175;margin-right:10px;"></i>在线</li>
                <li data-status="offline"><i class="fa fa-circle" style="color:#ADADAD;margin-right:10px;"></i>离线</li>
            </ul>
        </div>
    </script>

    <script id="chatMsgTpl" type="text/html">
        <div class="msg {{=d.class }}">
            <div class="msg-user">
                <img src="{{=d.userAvatar }}" />
            </div>
            <div class="msg-text">
                <p class="name">{{ d.userName }}</p>
                <div class="content">
                    {{ d.msg }}
                </div>
            </div>
        </div>
    </script>
    @endverbatim


    <script src="/lib/layui/layui.js?v=Q4hfA5tL6flbhH6c-jlA6yVJRpZRgzEJ43xJxeRS3Ps"></script>
    <script src="/lib/signalr/signalr.min.js?v=jl7lGCNYIeyxP75VAWBrTXWM4V6aU7X6LMGlqhMB8Ps"></script>
    <script src="/js/comment.min.js?v=c2MxASUp_d-VDi4EAj0nXdo8_TboonE5pRDpk232JsA"></script>

</div>
@endsection
